@charset "utf-8";
*{margin:0; padding:0; list-style:none; }
body {
    margin: 0;
    font-family: "微软雅黑";
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

a {
    text-decoration: none;
    outline: 0;
    /*transition: all .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);*/
}

img {
    border: 0;
    outline: 0;
    /*display: block;*/
    max-width: 100%;
    height: auto;
}

select {
    margin: 0;
    outline: 0;
}

input, button, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    resize: none;
    font-family: "微软雅黑";
    background-color: transparent;
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

    input[type=submit], input[type=reset], input[type=button], input[type=checkbox], button, label {
        cursor: pointer;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}

.cl > li {
    float: left;
}

.cl > a {
    display: block;
    float: left;
}

.cl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.boxsiz {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tof {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb {
    width: 1100px;
    margin: 0 auto;
}

.header_top {
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 2px solid #488fcf;
}

    .header_top .logo {
        max-width: 60%;
        padding: 0 10px;
    }

    .header_top button {
        width: 30px;
        height: 30px;
        display: none;
        margin-top: 15px;
        margin-right: 20px;
        background-color: #000;
        border-radius: 3px;
        overflow: hidden;
    }

        .header_top button > span {
            display: block;
            width: 80%;
            height: 4px;
            margin: 3px auto;
            background-color: #fff;
        }

    .header_top .search {
        margin-top: 15px;
    }

        .header_top .search > a {
            display: inline-block;
            vertical-align: top;
            font-size: 12px;
            color: #7c7c7c;
            padding-left: 8px;
            padding-right: 6px;
            border-left: 2px solid #bbb;
            height: 14px;
            line-height: 14px;
        }

            .header_top .search > a:first-child {
                padding-left: 0;
                border-left: 0;
            }

        .header_top .search > input {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            display: block;
            width: 200px;
            height: 24px;
            line-height: 22px;
            font-size: 12px;
            color: #a1a1a1;
            padding-left: 5px;
            padding-right: 40px;
            border: 1px solid #ccc;
            background-repeat: no-repeat;
            -webkit-background-size: auto;
        }

.search input[type=text] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*display: block;*/
    width: 170px;
    height: 24px;
    line-height: 14px;
    font-size: 12px;
    color: #a1a1a1;
    padding: 5px;
    border: 1px solid #ccc;
}

.search input[type=button] {
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: #6f95ea;
    background-image: url("../img/1.png");
}

.search {
    margin-top: 10px;
}

    .search input[type=submit] {
        /*float:right;*/
        width: 35px;
        height: 24px;
        padding: 2px 5px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: auto;
        background-size: auto;
        background-color: #333;
        /*background-image: url("../img/1.png");*/
		margin:0 5px;
		color:#fff;
    }

.nav {  background-color: #05773b;
 
}

    .nav a {
        display: block;
        padding: 0 29px;
        width: 64px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
    }

    .nav li.on {
        height: 41px;
        margin-bottom: -1px;
        background-color: #24bc7b;
        position: relative;
    }

        .nav li.on:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            overflow: hidden;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -3px;
            border-left: 3px dashed transparent;
            border-right: 3px dashed transparent;
            border-top: 4px dashed transparent;
            border-bottom: 4px solid #fff;
        }

    .nav .dropdown {
        position: relative;
        z-index: 1;
    }

        .nav .dropdown > a:hover {
            height: 41px;
            margin-bottom: -1px;
            background-color: #24bc7b;
            position: relative;
            background-color: #24bc7b;
        }

            .nav .dropdown > a:hover:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                overflow: hidden;
                position: absolute;
                left: 50%;
                bottom: 0;
                margin-left: -3px;
                border-left: 3px dashed transparent;
                border-right: 3px dashed transparent;
                border-top: 4px dashed transparent;
                border-bottom: 4px solid #fff;
            }

        .nav .dropdown > ul {
            display: none;
            background-color: #24bc7b;
            position: absolute;
            width: 100%;
            left: 0;
            top: 41px;
        }

            .nav .dropdown > ul a {
                padding: 0;
                width: 100%;
            }

                .nav .dropdown > ul a:hover {
                    background-color: #24bc7b;
                }


/* 本例子css */
 .slideBox{ width:100%; height:420px; overflow:hidden; position:relative; }
 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%;  bottom:20px; z-index:1; }
 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
 .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:10px; }
 .slideBox .hd ul li.on{ background:#f00; color:#fff; }
 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
 .slideBox .bd li{ zoom:1; vertical-align:middle; }


		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
.banner {
    position: relative;
    /*max-height: 540px;*/
    overflow: hidden;
    z-index: 0;
}

    .banner .slide {
        position: relative;
    }

    .banner .ctrl {
        position: absolute;
        width: 100%;
        height: 11px;
        bottom: 5%;
        left: 0;
        text-align: center;
    }

        .banner .ctrl > li {
            display: inline-block;
            vertical-align: top;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            overflow: hidden;
            margin: 0 3px;
            cursor: pointer;
            background-color: #fff;
        }

            .banner .ctrl > li.on {
                background-color: #01a1ff;
            }

.main1 {
    padding-top: 55px;
}

    .main1 .blocks {
        width: 30%;
        height: 430px;
        padding: 0 1%;
        position: relative;
        box-shadow: 0 3px 6px #ddd;
    }

        .main1 .blocks .titImg {
            margin: 15px auto;
            text-align: center;
        }

            .main1 .blocks .titImg > img {
                display: inline-block;
                vertical-align: top;
            }

        .main1 .blocks .more {
            position: absolute;
            display: block;
            width: 92px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            text-align: center;
            font-size: 14px;
            bottom: 20px;
            left: 50%;
            margin-left: -46px;
            border-radius: 5px;
            overflow: hidden;
        }

        .main1 .blocks.b1 > img {
            margin: 0 auto;
        }

        .main1 .blocks.b1 > .li {
            padding-left: 70px;
            background-repeat: no-repeat;
            background-position: left center;
            -webkit-background-size: contain;
            background-size: contain;
            margin-top: 15px;
            position: relative;
            background-image: url("../img/5.png");
        }

            .main1 .blocks.b1 > .li > span {
                width: 44px;
                text-align: center;
                display: block;
                position: absolute;
                left: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .main1 .blocks.b1 > .li > span.date {
                    font-size: 14px;
                    color: #5e88e5;
                    top: 5px;
                    border-bottom: 1px solid #ccc;
                }

                .main1 .blocks.b1 > .li > span.year {
                    top: 25px;
                    font-size: 18px;
                    color: #c9c9c9;
                }

            .main1 .blocks.b1 > .li > a {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                color: #666;
                padding: 3px 0;
                border-bottom: 1px solid #c1c1c1;
            }

                .main1 .blocks.b1 > .li > a:hover {
                    color: #6f95ea;
                }

            .main1 .blocks.b1 > .li > p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 5px 0;
                font-size: 12px;
                color: #8f8f8f;
            }

        .main1 .blocks.b1 .more {
            background-color: #6f95ea;
        }

        .main1 .blocks.b2 {
            margin: 0 2%;
        }

            .main1 .blocks.b2 .li {
                display: block;
                font-size: 12px;
                color: #2b2b2b;
                line-height: 28px;
                padding: 0 1%;
            }

                .main1 .blocks.b2 .li > span {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .main1 .blocks.b2 .li > span.l {
                        width: 70%;
                    }

                    .main1 .blocks.b2 .li > span.r {
                        text-align: right;
                        width: 28%;
                    }

            .main1 .blocks.b2 .t2 {
                margin-top: 60px;
            }

            .main1 .blocks.b2 .a1 {
                bottom: auto;
                top: 145px;
                background-color: #4bb0ec;
            }

            .main1 .blocks.b2 .a2 {
                background-color: #fd8a53;
            }

        .main1 .blocks.b3 > img {
            margin: 0 auto;
        }

        .main1 .blocks.b3 .pic {
            max-width: 296px;
            max-height: 284px;
            margin: 0 auto;
            padding: 5px 4px;
            background-color: #dfdfdf;
        }

        .main1 .blocks.b3 .more {
            background-color: #2fbf83;
        }

.titleImg {
    max-width: 40%;
    margin: 10px auto;
    text-align: center;
}

    .titleImg > img {
        display: inline-block;
        vertical-align: top;
    }

.main2 {
    padding: 50px 0;
}

    .main2 .link {
        padding: 0;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        background-image: url("../img/bj.jpg");
		height:310px;
		display:block;
    }


/* 本例子css */
 .proul{ width:100%; height:310px; overflow:hidden; position:relative; }
 .proul .hd{ height:15px; overflow:hidden; position:absolute; left:50%;  bottom:20px; z-index:1; }
 .proul .hd ul{ overflow:hidden; zoom:1; float:left;  }
 .proul .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:10px; }
 .proul .hd ul li.on{ background:#f00; color:#fff; }
 .proul .bd{ position:relative; height:100%; z-index:0;   }
 .proul .bd li{ zoom:1; vertical-align:middle; }
 

		


.main3 {
    padding: 50px 0;
}

    .main3 .left {
        width: 733px;
        max-width: 100%;
    }

        .main3 .left .aa {
            padding: 5px;
            background-color: #e9e9e9;
        }

            .main3 .left .aa > div {
                position: relative;
                max-width: 50%;
            }

                .main3 .left .aa > div a {
                    display: block;
                }

                .main3 .left .aa > div p {
                    position: absolute;
                    width: 100%;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    color: #5e5e5e;
                    left: 0;
                    bottom: -28px;
                }

    .main3 .right {
        width: 355px;
        max-width: 100%;
    }

        .main3 .right > a {
            display: block;
            padding: 5px 0;
        }

.main4 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #f1f1f1;
}

    .main4 .links {
        text-align: center;
    }

        .main4 .links .a1 {
            background-image: url("../img/i1.png");
        }

            .main4 .links .a1:hover {
                background-image: url("../img/i1.1.png");
            }

        .main4 .links .a2 {
            background-image: url("../img/i2.png");
        }

            .main4 .links .a2:hover {
                background-image: url("../img/i2.1.png");
            }

        .main4 .links .a3 {
            background-image: url("../img/i3.png");
        }

            .main4 .links .a3:hover {
                background-image: url("../img/i3.1.png");
            }

        .main4 .links .a4 {
            background-image: url("../img/i4.png");
        }

            .main4 .links .a4:hover {
                background-image: url("../img/i4.1.png");
            }

        .main4 .links .a5 {
            background-image: url("../img/i5.png");
        }

            .main4 .links .a5:hover {
                background-image: url("../img/i5.1.png");
            }

        .main4 .links .a6 {
            background-image: url("../img/i6.png");
        }

            .main4 .links .a6:hover {
                background-image: url("../img/i6.1.png");
            }

        .main4 .links .a7 {
            background-image: url("../img/i7.png");
        }

            .main4 .links .a7:hover {
                background-image: url("../img/i7.1.png");
            }

        .main4 .links .a8 {
            background-image: url("../img/i8.png");
        }

            .main4 .links .a8:hover {
                background-image: url("../img/i8.1.png");
            }

        .main4 .links .a9 {
            background-image: url("../img/i9.png");
        }

            .main4 .links .a9:hover {
                background-image: url("../img/i9.1.png");
            }

        .main4 .links .a10 {
            background-image: url("../img/i10.png");
        }

            .main4 .links .a10:hover {
                background-image: url("../img/i10.1.png");
            }
             .main4 .links .a-email {
            background-image: url("../img/iemail.png");
        }

            .main4 .links .a-email:hover {
                background-image: url("../img/iemail.1.png");
            }
        .main4 .links > a {
            width: 110px;
            height: 40px;
            line-height: 40px;
            padding-left: 30px;
            font-size: 14px;
            color: #2b2b2b;
            margin: 15px 10px 0;
            display: inline-block;
            vertical-align: top;
            border: 1px solid #ccc;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: 8px center;
            -webkit-background-size: auto 60%;
            background-size: auto 60%;
            border-radius: 5px;
            overflow: hidden;
        }

            .main4 .links > a:hover {
                color: #fff;
                background-color: #6f95ea;
            }

.footer_top {
    padding: 40px 0 20px;
    background-color: #07a04e;
}

    .footer_top .link {
        color: #fff;
        text-align: center;
        padding: 0 60px;
        line-height: 32px;
        border-left: 1px dashed #fff;
    }

        .footer_top .link:first-child {
            border-left: 0;
        }

        .footer_top .link > a {
            font-size: 14px;
            color: #fff;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .footer_top .wx {
        width: 86px;
        margin-top: 8px;
        margin-left: 60px;
    }

        .footer_top .wx > p {
            font-size: 14px;
            color: #fff;
            text-align: center;
        }

.footer_bottom {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #05773b;
	line-height:30px;
}
.footer_bottom  a{
    color: #fff;
}
.fixed {
    width: 58px;
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 99;
}

    .fixed > a {
        display: block;
        width: 56px;
        height: 56px;
        border: 1px solid #ddd;
        background-color: #fff;
    }

        .fixed > a.zx {
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: auto 80%;
            background-size: auto 80%;
            background-image: url("../img/9.png");
        }

        .fixed > a.ly {
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: auto 50%;
            background-size: auto 50%;
            margin-top: 5px;
            margin-bottom: 15px;
            background-image: url("../img/10.png");
        }

        .fixed > a.tp {
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: auto 20%;
            background-size: auto 20%;
            background-image: url("../img/11.png");
        }

.turn_page {
    padding: 30px 0;
    height: 26px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

    .turn_page > a, .turn_page > span {
        height: 24px;
        line-height: 24px;
        color: #919191;
        margin: 0 3px;
        display: inline-block;
        vertical-align: middle;
    }

    .turn_page > a, .turn_page > input {
        border: 1px solid #eee;
    }

        .turn_page > a:hover {
            border-color: #6f95ea;
            color: #6f95ea;
        }

    .turn_page > input {
        color: #767676;
        display: inline-block;
        vertical-align: middle;
    }

        .turn_page > input[type=text] {
            width: 24px;
            height: 24px;
        }

        .turn_page > input[type=submit] {
            width: 30px;
            height: 26px;
            background-color: #f4f4f4;
        }

    .turn_page .square {
        width: 24px;
    }

    .turn_page .rectangle {
        width: 58px;
    }

    .turn_page .num.on {
        color: #fff;
        border-color: #6f95ea;
        background-color: #6f95ea;
    }

.location {
    height: 49px;
    line-height: 49px;
    padding-left: 30px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: auto 40%;
    background-size: auto 40%;
    background-image: url("../img/12.png");
}

    .location > a, .location > span {
        color: #6f6f6f;
    }

    .location .cur {
        color: #6f95ea;
    }

.news .left {
    width: 720px;
    max-width: 100%;
}

    .news .left .tab {
        padding: 20px 0;
    }

        .news .left .tab > a {
            width: 110px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #ccc;
            font-size: 14px;
            color: #2b2b2b;
            margin-left: 20px;
        }

            .news .left .tab > a:first-child {
                margin-left: 0;
            }

            .news .left .tab > a.on {
                color: #fff;
                border-color: #6f95ea;
                background-color: #6f95ea;
            }

    .news .left .title {
        font-size: 24px;
        min-height: 62px;
        padding: 10px 0;
        color: #6f95ea;
    }

    .news .left .other {
        font-size: 14px;
        color: #a1a1a1;
        text-align: right;
        padding: 20px 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .news .left .newsDetail {
        padding-top: 15px;
    }

        .news .left .newsDetail > p {
            font-size: 14px;
            color: #6f6f6f;
            line-height: 24px;
            text-indent: 28px;
        }

        .news .left .newsDetail .f_img {
            margin: 35px 0;
        }

            .news .left .newsDetail .f_img .img1 {
                max-width: 49%;
            }

        .news .left .newsDetail .img2 {
            max-width: 492px;
            margin: 55px auto 0;
        }

    .news .left .li {
        height: 175px;
        margin-bottom: 30px;
        transition: all .3s cubic-bezier(.215, .61, .355, 1);
        -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    }

        .news .left .li:hover {
            background-color: #6f95ea;
        }

            .news .left .li:hover .r > a {
                color: #fff;
            }

            .news .left .li:hover .r > p {
                color: #e7e7e7;
            }

            .news .left .li:hover .r > div {
                color: #e7e7e7;
            }

                .news .left .li:hover .r > div a {
                    color: #e7e7e7;
                }

                    .news .left .li:hover .r > div a.a1 {
                        background-image: url("../img/13.1.png");
                    }

                    .news .left .li:hover .r > div a.a2 {
                        background-image: url("../img/14.1.png");
                    }

                    .news .left .li:hover .r > div a.a3 {
                        background-image: url("../img/15.1.png");
                    }

        .news .left .li .l {
            width: 263px;
        }

        .news .left .li .r {
            width: 410px;
            height: 175px;
            padding-right: 15px;
            overflow: hidden;
        }

            .news .left .li .r > a {
                display: block;
                padding-top: 10px;
                font-size: 18px;
                color: #424242;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .news .left .li .r > p {
                font-size: 14px;
                color: #7b7b7b;
                line-height: 30px;
                margin: 10px 0;
            }

            .news .left .li .r > div {
                font-family: "宋体";
                font-size: 12px;
                color: #bcbcbc;
                height: 18px;
                line-height: 18px;
            }

                .news .left .li .r > div a {
                    color: #bcbcbc;
                    height: 18px;
                    line-height: 18px;
                    display: inline-block;
                }

                    .news .left .li .r > div a.a1 {
                        padding-left: 30px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: auto 70%;
                        background-size: auto 70%;
                        background-image: url("../img/13.png");
                    }

                    .news .left .li .r > div a.a2 {
                        padding-left: 25px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: contain;
                        background-size: contain;
                        background-image: url("../img/14.png");
                    }

                    .news .left .li .r > div a.a3 {
                        padding-left: 25px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: contain;
                        background-size: contain;
                        background-image: url("../img/15.png");
                    }

    .news .left > hr {
        border: 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

    .news .left > table {
        margin-top: 15px;
    }

        .news .left > table td {
            width: 410px;
            height: 175px;
            padding-right: 15px;
            overflow: hidden;
            width: auto;
            height: 145px;
            padding: 0 10px;
            transition: all .3s cubic-bezier(.215, .61, .355, 1);
            -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
        }

            .news .left > table td > a {
                display: block;
                padding-top: 10px;
                font-size: 18px;
                color: #424242;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .news .left > table td > p {
                font-size: 14px;
                color: #7b7b7b;
                line-height: 30px;
                margin: 10px 0;
            }

            .news .left > table td > div {
                font-family: "宋体";
                font-size: 12px;
                color: #bcbcbc;
                height: 18px;
                line-height: 18px;
            }

                .news .left > table td > div a {
                    color: #bcbcbc;
                    height: 18px;
                    line-height: 18px;
                    display: inline-block;
                }

                    .news .left > table td > div a.a1 {
                        padding-left: 30px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: auto 70%;
                        background-size: auto 70%;
                        background-image: url("../img/13.png");
                    }

                    .news .left > table td > div a.a2 {
                        padding-left: 25px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: contain;
                        background-size: contain;
                        background-image: url("../img/14.png");
                    }

                    .news .left > table td > div a.a3 {
                        padding-left: 25px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        -webkit-background-size: contain;
                        background-size: contain;
                        background-image: url("../img/15.png");
                    }

                .news .left > table td > div > div {
                    margin-left: 70px;
                }

            .news .left > table td:hover {
                background-color: #6f95ea;
            }

                .news .left > table td:hover > a {
                    color: #fff;
                }

                .news .left > table td:hover > p {
                    color: #e7e7e7;
                }

                .news .left > table td:hover > div {
                    color: #e7e7e7;
                }

                    .news .left > table td:hover > div a {
                        color: #e7e7e7;
                    }

                        .news .left > table td:hover > div a.a1 {
                            background-image: url("../img/13.1.png");
                        }

                        .news .left > table td:hover > div a.a2 {
                            background-image: url("../img/14.1.png");
                        }

                        .news .left > table td:hover > div a.a3 {
                            background-image: url("../img/15.1.png");
                        }

.news .right {
    width: 350px;
    max-width: 100%;
    padding-top: 82px;
}

    .news .right .block {
        padding: 15px;
        margin-bottom: 25px;
        border: 1px solid #e6e6e6;
        box-shadow: 0 3px 6px #eee;
    }

        .news .right .block > h3 {
            font-weight: normal;
            font-size: 18px;
            color: #434343;
        }

        .news .right .block.b1 > div {
            height: 90px;
            margin: 20px 0;
            overflow: hidden;
        }

            .news .right .block.b1 > div .l {
                width: 120px;
                height: 90px;
            }

            .news .right .block.b1 > div .r {
                width: 190px;
            }

                .news .right .block.b1 > div .r .p1 {
                    font-size: 14px;
                    color: #2b2b2b;
                }

                .news .right .block.b1 > div .r .p2 {
                    font-size: 12px;
                    color: #8f8f8f;
                    line-height: 22px;
                }

                    .news .right .block.b1 > div .r .p2 > a {
                        color: #6f95ea;
                    }

        .news .right .block.b1 > hr {
            border: 0;
            margin: 0;
            border-bottom: 1px solid #ccc;
        }

        .news .right .block.b1 > ul {
            margin-top: 10px;
        }

            .news .right .block.b1 > ul a {
                display: block;
                font-size: 12px;
                color: #2b2b2b;
                line-height: 28px;
                padding: 0 1%;
            }

                .news .right .block.b1 > ul a > span {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .news .right .block.b1 > ul a > span.l {
                        width: 70%;
                    }

                    .news .right .block.b1 > ul a > span.r {
                        text-align: right;
                        width: 28%;
                    }

        .news .right .block.b2 > div {
            margin-top: 15px;
        }

            .news .right .block.b2 > div > a {
                display: inline-block;
                vertical-align: middle;
                width: 72px;
                height: 32px;
                line-height: 32px;
                font-size: 14px;
                color: #434343;
                text-align: center;
                margin: 3px 0;
                border: 1px solid #e6e6e6;
                box-shadow: 0 3px 6px #eee;
            }

                .news .right .block.b2 > div > a:hover {
                    background-color: #6f95ea;
                    border-color: #6f95ea;
                    color: #fff;
                }

        .news .right .block.b3 .lunbo {
            max-width: 310px;
            max-height: 226px;
            margin: 15px auto;
            overflow: hidden;
            position: relative;
        }

            .news .right .block.b3 .lunbo .slide {
                height: 100%;
                position: relative;
            }

                .news .right .block.b3 .lunbo .slide a {
                    display: block;
                }

            .news .right .block.b3 .lunbo .text {
                width: 100%;
                height: 28px;
                position: absolute;
                left: 0;
                bottom: 0;
                background-color: #000;
                background-color: rgba(0,0,0,0.57) !important;
            }

                .news .right .block.b3 .lunbo .text > li {
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    font-size: 14px;
                    color: #fff;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .news .right .block.b3 .lunbo > a {
                position: absolute;
                top: 50%;
                width: 20px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                margin-top: -20px;
                font-size: 18px;
                color: #fff;
                font-weight: 600;
                font-family: "黑体";
                background-color: #000;
                background-color: rgba(0,0,0,0.5) !important;
            }

                .news .right .block.b3 .lunbo > a.prev {
                    left: 0;
                }

                .news .right .block.b3 .lunbo > a.next {
                    right: 0;
                }

                .news .right .block.b3 .lunbo > a:hover {
                    background-color: #000 !important;
                }

        .news .right .block.b3 > hr {
            border: 0;
            margin: 0;
            border-bottom: 1px solid #ccc;
        }

        .news .right .block.b3 > ul {
            margin-top: 10px;
        }

            .news .right .block.b3 > ul a {
                display: block;
                font-size: 12px;
                color: #2b2b2b;
                line-height: 28px;
                padding: 0 1%;
            }

                .news .right .block.b3 > ul a > span {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .news .right .block.b3 > ul a > span.l {
                        width: 70%;
                    }

                    .news .right .block.b3 > ul a > span.r {
                        text-align: right;
                        width: 28%;
                    }

.product .tab {
    padding: 20px 0;
}

    .product .tab > a {
        width: 110px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #ccc;
        font-size: 14px;
        color: #2b2b2b;
        margin-left: 20px;
    }

        .product .tab > a:first-child {
            margin-left: 0;
        }

        .product .tab > a.on {
            color: #fff;
            border-color: #6f95ea;
            background-color: #6f95ea;
        }

.product > h2 {
    color: #3a3a3a;
    font-weight: normal;
}

.product > p {
    font-size: 14px;
    color: #3a3a3a;
    line-height: 30px;
}

.product > ul {
    /*margin-top: 60px;*/
}

    .product > ul > li {
        padding: 20px 28px;
        width: 310px;
        border: 1px solid #eee;
        margin: -1px 0 0 -1px;
    }

        .product > ul > li .pic {
            max-width: 308px;
            border: 1px solid #eee;
            margin: 0 auto 25px;
        }

        .product > ul > li > p, .product > ul > li .more {
            padding: 0 15px;
        }

        .product > ul > li .p1 {
            color: #001b2f;
            font-size: 20px;
        }

        .product > ul > li .p2 {
            font-family: "宋体";
            font-size: 12px;
            color: #6f95ea;
            padding: 5px 15px;
        }

        .product > ul > li .p3 {
            font-family: "宋体";
            font-size: 12px;
            color: #959595;
            line-height: 24px;
        }

        .product > ul > li .more {
            margin-top: 15px;
            text-align: right;
        }

            .product > ul > li .more > a {
                display: inline-block;
                vertical-align: top;
                width: 105px;
                height: 30px;
                line-height: 30px;
                border-radius: 6px;
                overflow: hidden;
                text-align: center;
                font-size: 14px;
                color: #7d7d7d;
                background-color: #e6e6e6;
            }

.productDetail {
    margin-top: 25px;
    margin-bottom: 95px;
}

    .productDetail .left {
        width: 35%;
    }

        .productDetail .left .pic {
            max-width: 405px;
            margin: 0 auto;
            border: 1px solid #eee;
        }

        .productDetail .left .p1 {
            margin: 25px 0;
            color: #2b2b2b;
        }

        .productDetail .left .p2 {
            font-family: "黑体";
            font-size: 14px;
            color: #221e1f;
        }

            .productDetail .left .p2 > img {
                display: inline-block;
                vertical-align: -8px;
                margin-right: 10px;
            }

    .productDetail .right {
        width: 60%;
    }

        .productDetail .right .tab {
            text-align: right;
            border-bottom: 1px solid #ccc;
        }

            .productDetail .right .tab > a {
                display: inline-block;
                vertical-align: bottom;
                width: 98px;
                height: 32px;
                line-height: 32px;
                border: 1px solid #ccc;
                margin-bottom: -1px;
                text-align: center;
                color: #2b2b2b;
            }

                .productDetail .right .tab > a.on {
                    color: #fff;
                    background-color: #6f95ea;
                }

        .productDetail .right > p {
            font-size: 14px;
            margin-top: 15px;
            color: #6f6f6f;
            height: 22px;
            line-height: 22px;
        }

            .productDetail .right > p.t {
                font-size: 16px;
                color: #6f95ea;
                margin-top: 25px;
            }

            .productDetail .right > p.s:before {
                content: url("../img/16.png");
                margin-right: 5px;
                vertical-align: 1px;
            }

@media (max-width:1099px) {
    .cb {
        width: 960px;
    }
	.main3 .left {
    width: 640px;
    max-width: 100%;
}
.main3 .right {
    width: 310px;
    max-width: 100%;
}
    .nav a {
        padding: 0 20px;
    }

    .main3 .left {
        /* float: none;
        margin: 0 auto; */
    }

    .main3 .right {
        /* float: none;
        margin: 50px auto 0; */
    }

    .footer_top .wx {
        margin-left: 35px;
    }

    .news .left {
        width: 660px;
    }

        .news .left .li .r {
            width: 350px;
        }

    .news .right {
        width: 290px;
    }

        .news .right .block.b1 > div {
            height: auto;
        }

            .news .right .block.b1 > div .l {
                display: none;
            }

            .news .right .block.b1 > div .r {
                width: auto;
            }

    .product > ul > li {
        width: 263px;
    }
}

@media (max-width:959px) {
    .cb {
        width: 640px;
    }

    .header_top button {
        display: block;
    }
.main3 .left {
         float: none;
        margin: 0 auto; 
    }

    .main3 .right {
         float: none;
        margin: 50px auto 0; 
    }
    .header_top .search {
        display: none;
    }

    .nav {
        display: none;
    }

        .nav li {
            float: none;
        }

            .nav li > a {
                width: auto;
                text-align: center;
                border-bottom: 1px solid #577ed4;
            }

            .nav li.dropdown > ul {
                position: relative;
                top: 0;
            }

        .nav .dropdown > ul a {
            /*float:left;
            width:50%;
            line-height: 20px;
            height: 20px;*/
            /*padding: 0;
                width: 100%;*/
        }

    .main1 .blocks {
        width: 90%;
        margin: 10px 4% !important;
    }

    .main2 .link > div > div {
        width: 50%;
    }

    .footer_top .wx {
        margin-left: 74px;
    }

    .news .right {
        display: none;
    }
}

@media (max-width:639px) {
    .cb {
        width: 320px;
    }

    .header_top {
        padding: 10px 0;
    }

        .header_top button {
            margin-top: 0;
        }

    .banner .ctrl > li {
        width: 8px;
        height: 8px;
    }

    .main1 {
        padding-top: 15px;
    }

    .main2 .link > div > div {
        width: 50%;
    }

        .main2 .link > div > div > a {
            width: 120px;
        }

    .main4 .links > a {
        margin: 8px 0;
    }

    .footer_top .link {
        padding: 0 20px;
    }

    .footer_top .wx {
        margin-left: 14px;
    }

    .footer_bottom p {
        padding: 5px 0;
    }

    .fixed {
        width: 36px;
        bottom: 60px;
    }

        .fixed > a {
            width: 36px;
            height: 36px;
        }

    .news .left {
        float: none;
    }

        .news .left .tab > a {
            margin: 5px 10px !important;
        }

        .news .left .title {
            font-size: 16px;
        }

        .news .left .li {
            height: auto;
            padding: 10px 0;
            margin-bottom: 15px;
        }

            .news .left .li .l, .news .left .li .r {
                float: none;
            }

            .news .left .li .l {
                margin: 0 auto;
            }

            .news .left .li .r {
                width: 90%;
                height: auto;
                margin: 0 auto;
            }

                .news .left .li .r > a {
                    font-size: 14px;
                    text-align: center;
                }

                .news .left .li .r > p {
                    line-height: 22px;
                    font-size: 12px;
                }

                .news .left .li .r > div {
                    height: auto;
                }

                    .news .left .li .r > div > span, .news .left .li .r > div > div {
                        float: none;
                        display: block;
                        text-align: center;
                    }

                    .news .left .li .r > div > div {
                        margin-top: 10px;
                    }

                        .news .left .li .r > div > div > a {
                            margin: 0 10px;
                        }

        .news .left > table td {
            float: none;
            width: 90%;
            height: auto;
            margin: 0 auto;
            border-bottom: 1px solid #ccc;
        }

            .news .left > table td > a {
                font-size: 14px;
                text-align: center;
            }

            .news .left > table td > p {
                line-height: 22px;
                font-size: 12px;
            }

            .news .left > table td > div {
                height: auto;
            }

                .news .left > table td > div > span, .news .left > table td > div > div {
                    float: none;
                    display: block;
                    text-align: center;
                }

                .news .left > table td > div > div {
                    margin-top: 10px;
                }

                    .news .left > table td > div > div > a {
                        margin: 0 10px;
                    }

                .news .left > table td > div > div {
                    margin-left: 0;
                    padding-bottom: 10px;
                }

    .news .right {
        display: block;
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-top: 10px;
    }

    .turn_page > input, .turn_page > span, .turn_page .square {
        display: none;
    }

    .product .tab > a {
        margin: 5px 10px !important;
    }

    .productDetail .left, .productDetail .right {
        width: 90%;
        float: none;
        margin: 0 auto 50px;
    }

    .productDetail .left {
        text-align: center;
    }

    .productDetail .right .tab {
        text-align: center;
    }
}

#FloatIcon {
    /* display: none; */
}

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:30px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;color: #424242;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;font-size:12px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

#goodsshow{margin:20px 0;overflow:hidden;width:100%;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../img/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../img/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../img/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../img/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:300px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}


/* 文本切换盒子 - 公用类 */
.leftpic{ text-align:left;  }
.leftpic .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.leftpic .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.leftpic .hd ul li{ float:left; padding:0 15px; }
.leftpic .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; cursor:pointer; }
.leftpic .bd{ padding:15px;  }
.leftpic .bd ul{ padding:10px;  }
.leftpic .tempWrap{ margin:15px;  }